
<div class="row-fluid">
    <div class="span6 ">
        <div class="box color_18 title_big height_big paint_hover">
            <div class="title">
                <div class="row-fluid">
                    <div class="span12">
                        <h4> <span>Tạo Đề Thi</span> </h4>
                    </div>
                    <!-- End .span12 -->
                </div>
                <!-- End .row-fluid -->

            </div>
            <!-- End .title -->
            <div class='content center '>
                <a href=''><img class='right' src="img/general/dethi.png" style='height:270px;'></a>
            </div>
        </div>
    </div>
    <!-- End .box .span6-->
    <div class="span6">
        <div class="row-fluid fluid">
            <div class="span6">
                <div class=" box color_2 height_medium paint_hover">
                    <div class="content numbers">
                        <h3 class="value"><?php echo $dethi_choduyet; ?></h3>
                        <div class="description mb5">Đề Thi Chờ Duyệt</div>
                        <h1 class="value"><?php echo $tongdethi; ?></h1>
                        <div class="description">Tổng Số Đề Thi</div>
                    </div>
                </div>
            </div>
            <!-- End .span6 -->
            <div class="span6">
                <div class="box color_25 height_medium paint_hover">
                    <div class="content numbers">
                        <h3 class="value"><?php echo $cauhoi_choduyet; ?></h3>
                        <div class="description mb5">Câu Hỏi Chờ Duyệt</div>
                        <h1 class="value"><?php echo $tongcauhoi; ?></h1>
                        <div class="description">Tổng Số Câu Hỏi</div>
                    </div>
                </div>
            </div>
            <!-- End .span6 -->
        </div>
        <!-- End .row-fluid -->
        <div class="row-fluid fluid">
            <div class="span6">
                <div class=" box color_10 height_medium paint_hover">
                    <div class="content icon big_icon"> <a href="#" ><img align="center" src="img/general/cauhoi.png" style='max-height:100px;' /></a>
                        <div class="description">Thêm Câu Hỏi</div>
                    </div>
                </div>
            </div>
            <!-- End .span6 -->
            <div class="span6">
                <div class=" box color_26 height_medium paint_hover">
                    <div class="content icon big_icon"> <a href="#" ><img align="center" src="img/general/contacts_icon.png" /></a>
                        <div class="description">Liên Hệ</div>
                    </div>
                </div>
            </div>
            <!-- End .span6 -->
        </div>
        <!-- End .row-fluid -->

    </div>
    <!-- End.span6-->
</div>
<!-- End .row-fluid -->






<div class="row-fluid">

    <div class="span6">
        <div class="box height_big paint">
            <div class="title">
                <h4> <span>Xếp Hạng Người Dùng</span> </h4>
            </div>
            <!-- End .title -->

            <ul class="users unstyled content">
                <?php $i=1; foreach($topuser as $value) { ?>
                <li>
                    <div class="info row-fluid"><span class="number pull-left text_color_0"><?php echo $i; $i++;?></span>
                        <h2 class="pull-left"><?php echo $value['username'];?></h2>
                    </div>
                    <div class="row-fluid">
                        <div class="progress small" style="width: <?php echo $value['socau']*100/$value['tongcau'];?>%;"></div>
                        <div class="value"><?php echo $value['socau'];?> Câu Hỏi</div>
                    </div>
                </li>
                <?php } ?>

            </ul>
            <!-- End .content -->
            <div class="description">Xếp hạng người dùng tạo câu hỏi nhiều nhất<i class="gicon-info-sign icon-white"></i> </div>
        </div>
        <!-- End .box -->
    </div>
    <!-- End .span4 -->

    <div class="span6">
        <div class="box color_2 ">
            <div class="title row-fluid">
                <h4 class="pull-left"><span>Tin Nhắn</span></h4>
                <div class="btn-toolbar pull-right ">
                    <div class="btn-group"> <a class="btn">Xem Tất Cả</a> <a class="btn change_color_outside"><i class="paint_bucket"></i></a> </div>
                </div>
            </div>
            <!-- End .title -->
            <div class="content row-fluid">
                <ul class="messages_layout">



                    <li class="from_user left"> <a href="#" class="avatar"><img src="img/message_avatar2.png"/></a>
                        <div class="message_wrap"> <span class="arrow"></span>
                            <div class="info"> <a class="name" href="#">Celeste Holm</a> <span class="author"><a href="#">@celeste</a></span></div>
                            <div class="text"> All I want is to be a monkey of moderate intelligence who wears a suit… that's why I'm transferring to business school! I had more, but you go ahead.  Dissect its brain! </div>
                            <div class="footer">
                                <span class="time">1 hour ago</span>
                                <div class="actions pull-right hidden-phone">
                                    <ul class="pull-right">
                                        <li><a href="#"><i class=" gicon-share-alt icon-white"></i>Reply</a></li>
                                        <li><a href="#"><i class=" gicon-share icon-white"></i>Share</a></li>
                                        <li><a href="#"><i class=" gicon-star icon-white"></i>Favorite</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="by_myself right"> <a href="#" class="avatar"><img src="img/message_avatar4.png"/></a>
                        <div class="message_wrap"> <span class="arrow"></span>
                            <div class="info"> <a class="name" href="#">Bender (myself)</a> <span class="author"><a href="#">@bender</a></span></div>
                            <div class="text"> Man, I'm sore all over.  I feel like I just went ten rounds with mighty Thor. File not found. </div>
                            <div class="footer">
                                <span class="time">4 hours ago</span>
                                <div class="actions pull-right hidden-phone">
                                    <ul class="pull-right">
                                        <li><a href="#"><i class=" gicon-share-alt icon-white"></i>Reply</a></li>
                                        <li><a href="#"><i class=" gicon-share icon-white"></i>Share</a></li>
                                        <li><a href="#"><i class=" gicon-star icon-white"></i>Favorite</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="from_user left"> <a href="#" class="avatar"><img src="img/message_avatar2.png"/></a>
                        <div class="message_wrap"> <span class="arrow"></span>
                            <div class="info"> <a class="name" href="#">Celeste Holm</a> <span class="author"><a href="#">@celeste</a></span></div>
                            <div class="text"> And I'd do it again! And perhaps a third time! But that would be it. Are you crazy? </div>
                            <div class="footer">
                                <span class="time">1 hour ago</span>
                                <div class="actions pull-right hidden-phone">
                                    <ul class="pull-right">
                                        <li><a href="#"><i class=" gicon-share-alt icon-white"></i>Reply</a></li>
                                        <li><a href="#"><i class=" gicon-share icon-white"></i>Share</a></li>
                                        <li><a href="#"><i class=" gicon-star icon-white"></i>Favorite</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- End .content -->
        </div>
        <!-- End .box -->
    </div>
    <!-- End .span6 -->
</div>
<!-- End .row-fluid -->